<template>
  <div class="new_title">
    <p>{{ title }}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/utils/px2vwvh.scss";

.new_title {
  @include px2vw(padding-left, 28);
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: left;
  @include px2font(28);
  font-family: "YouSheBiaoTiHei";
  text-shadow: 0px 0px 6px rgba(0, 93, 255, 0.6),
    0px 0px 1px rgba(1, 83, 246, 0.7);
  background: rgba(1, 83, 246, 0.1);
  background-image: url(~@/assets/images/newImg/title1.png);
  background-size: 100% 100%;
  p {
    margin-top: -1%;
  }
}
</style>
